﻿@{
    ViewBag.Title = "KimThanhHouse";
    Layout = "~/Views/Shared/_Layout_us_Home.cshtml";
    
}

@section HeaderContent{

<script type="text/javascript">
    $(function () {
        setsize();
        $('#slides').slides({
            preload: true,
            preloadImage: '../Content/Image/slideShow/loading.gif',
            play: 6000,
            pause: 6000,
            hoverPause: false,
            animationStart: function (current) {
                $('.caption').animate({
                    bottom: -100
                }, 100);
                if (window.console && console.log) {
                    // example return of current slide number
                    console.log('animationStart on slide: ', current);
                };
            },
            animationComplete: function (current) {
                $('.caption').animate({
                    bottom: 0
                }, 200);
                if (window.console && console.log) {
                    // example return of current slide number
                    console.log('animationComplete on slide: ', current);
                };
            },
            slidesLoaded: function () {
                $('.caption').animate({
                    bottom: 0
                }, 200);
            }
        });
    });


    function setsize() {

        var w_width = $(window).width();
        var w_height = $(window).height() - 175;
        $("div.slides_container").css({
            "width": w_width
            , "height": w_height
        });

        $("div.slide").css({
            "width": w_width
            , "height": w_height
        });



        $("div.slide").find("a").css({
            "width": w_width
            , "height": w_height
        });

        $("div.slide").find("a img").css({
            "width": w_width
            , "height": w_height
        });


    }

    $(window).resize(function () {
        setsize();
    });

</script>
}

<div class="Clearfix">
    <div id="slides">
				<div class="slides_container">
					@*<a href="#"><img src="../Content/Image/slide/bg1.jpg" alt="Slide 1"></a>
					<a href="#"><img src="../Content/Image/slide/bg2.jpg" alt="Slide 2"></a>
					<a href="#"><img src="../Content/Image/slide/bg3.jpg" alt="Slide 3"></a>
					<a href="#"><img src="../Content/Image/slide/bg4.jpg" alt="Slide 4"></a>
					<a href="#"><img src="../Content/Image/slide/bg5.jpg" alt="Slide 5"></a>*@
					
                    <div class="slide">
						<a href="htt://google.com" title="Thao điền pearl">
                            <img src="../../Content/Image/slide/bg1.jpg" alt="Slide 1"/>
                        </a>
						<div class="caption" style="bottom:0">
							<p><b> Thao Điền pearl</b> </p>
                            <p>- Tọa lạc tại số 12 Quốc Hương, Phường Thảo Điền, Quận 2, Tp.HCM, là điểm nhấn của khu biệt thự Thảo Điền <br />
                               – An Phú, có một vị trí đẹp nằm ven sông Sài Gòn và cách chân cầu Sài Gòn khoảng 500m. <br />
                               - Thao Đien Pearl là một dự án có vị trí đắc địa, giao thông thuận lợi kết nối trực tiếp vào trạm Metro số 6, tuyến chợ Bến Thành  <br />
                               – Suối Tiên....</p>
						</div>
					</div>

                    <div class="slide">
						<a href="htt://google.com" title="test slide">
                            <img src="../../Content/Image/slide/bg2.jpg" alt="Slide 2"/>
                        </a>
						<div class="caption" style="bottom:0">
							<p>Nơi hội tụ những tinh hoa..</p>
						</div>
					</div>

                    <div class="slide">
						<a href="htt://google.com" title="test slide">
                            <img src="../../Content/Image/slide/bg3.jpg" alt="Slide 3"/>
                        </a>
						<div class="caption" style="bottom:0">
							<p>khơi nguồn cảm xúc - Thắp sáng khác khao...</p>
						</div>
					</div>

                    <div class="slide">
						<a href="htt://google.com" title="test slide">
                            <img src="../../Content/Image/slide/bg4.jpg" alt="Slide 4"/>
                        </a>
						<div class="caption" style="bottom:0">
							<p>Nơi hạnh phúc trào dâng...</p>
						</div>
					</div>

                    <div class="slide">
						<a href="htt://google.com" title="test slide">
                            <img src="../../Content/Image/slide/bg5.jpg" alt="Slide 5"/>
                        </a>
						<div class="caption" style="bottom:0">
							<p>Nơi yêu thương lấp đầy...</p>
						</div>
					</div>

				</div>
				
	</div>
</div>


